<template>
	<view class="content">
		<view class="txt1 animated bounceIn"></view>
		<view class="txt2 animated bounceIn delay-03s">
			<image src="../../static/begin/yinzhang.png" class="yinzhang"></image>
		</view>
		<view class="txt3 animated bounceIn delay-06s"></view>
		<view class="begin-btn animated bounceIn delay-09s" @click="gotoZhenying"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoZhenying() {
				uni.showLoading({
					title: 'loading',
					mask: true
				})
				uniCloud.callFunction({
					name: 'zhibo',
					success: (res) => {
						if (res.result.data[0].zhibo == 0) {
							uni.hideLoading()
							uni.redirectTo({
								url: '../zhenying/zhenying'
							})
						} else {
							uni.hideLoading()
							uni.redirectTo({
								url: '../zixuanzhenying/zixuanzhenying'
							})




							/* 去选座页面 */
						}
					}
				})

			}
		}
	}
</script>

<style scoped>
	page {
		background: url(../../static/begin/bg2.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	.txt1 {
		width: 326rpx;
		height: 70rpx;
		background: url(../../static/begin/txt1.png) no-repeat center center;
		background-size: 100% 100%;
		margin-top: 566rpx;
		position: relative;
	}

	.txt2 {
		width: 668rpx;
		height: 120rpx;
		background: url(../../static/begin/txt2.png) no-repeat center center;
		background-size: 100% 100%;
		margin-top: 40rpx;
		position: relative;
	}

	.yinzhang {
		position: absolute;
		width: 84rpx;
		height: 102rpx;
		top: -124rpx;
		right: 50rpx;
	}

	.txt3 {
		width: 412rpx;
		height: 108rpx;
		background: url(../../static/begin/txt3.png) no-repeat center center;
		background-size: 100% 100%;
		margin-top: 78rpx;
		position: relative;
	}

	.begin-btn {
		width: 464rpx;
		height: 126rpx;
		background: url(../../static/begin/start-btn.png) no-repeat center center;
		background-size: 100% 100%;
		margin-top: 60rpx;
		position: relative;
	}
</style>
